<template>
  <div>
    <van-nav-bar
      title="兑换中心"
      left-arrow
      @click-left="onClickLeft"
      fixed
    ></van-nav-bar>
    <!-- 标签页 -->
    <van-tabs class="tabs" v-model="active" animated>
      <van-tab title="兑换优惠券"></van-tab>
      <van-tab title="兑换礼品卡"></van-tab>
    </van-tabs>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: 0,
    };
  },
  methods: {
    onClickLeft() {
      this.$router.push("coupon");
    },
  },
};
</script>

<style lang="scss" scoped>
::v-deep .van-icon {
  color: black;
}
::v-deep .van-tab{
  background-color: #f3f4f5;
}
::v-deep .van-tabs__line {
  line-height: 18vw;
  background-color: #a5d403;
}
::v-deep .van-tab--active {
  color: #a5d403;
}
.tabs {
  margin-top: 46px;
}
</style>
